<template>
  <div>
    <svg
      class="svg-company"
      v-if="orgCategory && (orgCategory === '1' || orgCategory === '4')"
      viewBox="0 0 1024 1024"
      xmlns="http://www.w3.org/2000/svg"
      width="256"
      height="256"
    >
      <path
        d="M234.9 226.9c0-25.9 25.1-46.9 56-46.9h226.9c30.5 0 55.3 21.1 55.3 46.9v580.9h40V340.2h132.5c25.9 0 46.9 21.1 46.9 46.9v413.5h40V387.2c0-47.9-39-86.9-86.9-86.9H613v-73.4c0-23.7-10.2-45.8-28.7-62.3-17.9-15.9-41.5-24.7-66.6-24.7H290.9c-52.9 0-96 39-96 86.9v580.9h40V226.9zM145.8 841.2h734.9v40H145.8z"
        fill="#333333"
        p-id="10104"
      ></path>
      <path
        d="M286.9 354.1h124.7v40H286.9zM448.1 353.9h63.2v40h-63.2zM286.9 489.1h124.7v40H286.9zM448.1 488.9h63.2v40h-63.2zM286.9 616.6h124.7v40H286.9zM448.1 616.3h63.2v40h-63.2zM638.5 433.1h71v40h-71zM730.2 433h36v40h-36zM638.5 557.9h71v40h-71zM730.2 557.7h36v40h-36zM638.5 684.7h71v40h-71zM730.2 684.5h36v40h-36z"
        fill="#333333"
      ></path>
    </svg>
    <svg class="svg-depart" v-if="orgCategory === '2'" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="256" height="256">
      <path
        d="M192 384H64V64h320v320H256v256h128v128h384V512h-128V192h320v320h-128v320H384v128H64v-320h128V384z m128 320H128v192h192v-192z m576-448h-192v192h192V256zM320 128H128v192h192V128z"
        p-id="8946"
      ></path>
    </svg>
    <svg
      class="svg-post"
      v-if="orgCategory === '3'"
      viewBox="0 0 1024 1024"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      p-id="11309"
      width="256"
      height="256"
    >
      <path
        d="M866.346667 89.6H207.573333C167.253333 89.6 134.4 122.453333 134.4 162.773333v146.346667h64V162.773333c0-5.12 4.266667-9.173333 9.173333-9.173333h658.773334c5.12 0 9.173333 4.053333 9.173333 9.173333v699.946667c0 5.12-4.053333 9.173333-9.173333 9.173333H207.573333c-5.12 0-9.173333-4.053333-9.173333-9.173333v-144h-64v144c0 40.32 32.853333 73.173333 73.173333 73.173333h658.773334c40.32 0 73.173333-32.853333 73.173333-73.173333V162.773333c0-40.32-32.853333-73.173333-73.173333-73.173333z"
        p-id="11310"
      ></path>
      <path
        d="M134.4 428.16h64V597.333333h-64zM120.96 400.64h82.346667c17.706667 0 32-14.293333 32-32s-14.293333-32-32-32H120.96c-17.706667 0-32 14.293333-32 32s14.506667 32 32 32zM233.386667 657.493333c0-17.706667-14.293333-32-32-32H119.04c-17.706667 0-32 14.293333-32 32s14.293333 32 32 32h82.346667c17.706667 0 32-14.293333 32-32zM384.213333 655.146667l146.346667 139.306666c6.186667 5.973333 14.08 8.746667 21.973333 8.746667s15.786667-2.986667 21.973334-8.746667l148.053333-139.306666c8.746667-8.106667 12.16-20.48 8.746667-32l-64.853334-228.053334 39.68-122.666666c3.2-9.813333 1.493333-20.48-4.48-28.586667s-15.573333-13.226667-25.813333-13.226667H428.586667a31.872 31.872 0 0 0-30.293334 41.813334l40.96 126.933333-63.786666 224c-3.2 11.306667 0.213333 23.68 8.746666 31.786667z m168.533334 72.32l-110.506667-105.173334 56.96-199.893333h108.373333l56.96 199.893333-111.786666 105.173334z m78.933333-432.64l-19.413333 60.16h-120.32l-19.413334-60.16h159.146667z"
        p-id="11311"
      ></path>
    </svg>
    <span :title="title">{{ title }}</span>
  </div>
</template>

<script setup lang="ts">
  import { defineProps } from 'vue';
  const props = defineProps({
    orgCategory: String,
    title: String,
  });
</script>

<style scoped lang="less">
  .svg-company {
    width: 18px;
    height: 18px;
    position: relative;
    top: 2px;
    right: 2px;
  }
  .svg-depart,
  .svg-post {
    width: 14px;
    height: 16px;
    position: relative;
    top: 3px;
    right: 2px;
  }
  html[data-theme='light'] {
    .svg-post{
      path { fill: #333333; }
    }
    .svg-company{
      path { fill: #333333; }
    }
    .svg-depart{
      path { fill: #333333; }
    }
  }
  html[data-theme='dark'] {
    .svg-post{
      path { fill: #ffffff; }
    }
    .svg-company{
      path { fill: #ffffff; }
    }
    .svg-depart{
      path { fill: #ffffff; }
    }
  }
</style>
